<template>
  <div>
    <strong>我是孙子组件，用于测试依赖注入，即跨组件通信的</strong>
    <div>孙子组件接收依赖注入的数据：{{ getMoney }}</div>
    <button @click="changeMoney">点击修改</button>
  </div>
</template>

<script setup>
  import { inject } from 'vue';

  const getMoney = inject('toGrandSonMoney')
  console.log('孙子组件接收依赖注入的数据：', getMoney.value)

  const change = inject('changeThisMoney')
  const changeMoney = () => {
    // 直接修改：
    // getMoney.value = 9000

    // 通过父组件方法修改（遵循单项数据流）
    change(300)
  }

</script>

<style scoped></style>